.section5 {
       padding-top: 80px;

   }

   .Box5 {
       max-width: 1480px;
       margin: 0 auto;
       margin-top: 20px;
   }

   @media (max-width: 1540px) {
       .section5 {
           padding-top: 70px;
       }
   }

   @media (max-width: 1200px) {
       .section5 {
           padding-top: 60px;
       }
   }

   @media (max-width: 460px) {
       .section5 {
           padding-top: 40px;
       }
   }


   .swiper5 {
       padding: 20px;
       width: 100%;
       position: relative;
   }

   .item5 {
       width: 28%;
   }

   .text5 {
       padding: 30px;
   }

   .text5 b {
       font-weight: 400;
       font-size: 20px;
       line-height: 1;
       color: var(--color1);
       margin-left: -10px;
   }

   .text5 h1 {
       font-size: 20px;
       line-height: 1.5;
       color: var(--black);
       margin: 10px 0;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
   }

   .text5 h2 {
       font-size: 16px;
       line-height: 1.5;
       color: var(--color4);
       opacity: 0.5;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;
   }

   .text5 span {
       display: block;
       margin-top: 20px;
       font-size: 16px;
       line-height: 1;
       color: var(--color4);
       opacity: 0.5;
   }

   .item5:hover {
       box-shadow: 0px 4px 15px rgba(153, 124, 101, 0.2);
   }

   .item5:hover .img5 img {
       transform: scale(1.08);
   }


   a.box5More {
       display: flex;
       justify-content: center;
       align-items: center;
       margin: 0 auto;
       margin-top: 20px;
       width: 340px;
       height: 80px;
       background: var(--jb);
       border-radius: 40px;
       font-weight: 700;
       font-size: 18px;
       line-height: 1;
       text-align: center;
       color: #FFFFFF;
   }

   @media (max-width:1200px) {
       .item5 {
           width: 30%;
       }

       .text5 {
           padding: 20px;
       }

       .text5 b {
           font-size: 18px;
       }

       .text5 h1 {
           font-size: 18px;
       }

       .text5 h2 {
           font-size: 14px;
       }

       .text5 span {
           font-size: 14px;
       }

       a.box5More {
           width: 240px;
           height: 60px;
           font-size: 16px;
       }
   }

   @media (max-width: 800px) {
       .swiper5 {
           padding: 10px;
       }

       .item5 {
           width: 50%
       }

       .item5:hover {
           box-shadow: 0px 4px 10px rgba(153, 124, 101, 0.2);
       }
   }

   @media (max-width: 500px) {
       .item5 {
           width: 75%
       }

       a.box5More {
           width: 150px;
           height: 40px;
           font-size: 14px;
       }
   }